<template>
  <!--  在使用上传组件的时候,我们需要传递两个属性, 子组件内部会接收 -->
  <upload-excel :on-success="handleSuccess" :before-upload="beforeUpload" />
</template>

<script>
export default {
  methods: {
    // 上传前
    beforeUpload(file) {
      // file就是上传的文件对象, 我们可以在上传前对这个文件进行预校验
      // 文件类型  文件大小
      // 如果return true 才能上传  return false 阻止上传
      console.log(file)
      const isLt1M = file.size / 1024 / 1024 < 1
      if (isLt1M) {
        return true
      }
      this.$message({
        message: 'Please do not upload files larger than 1m in size.',
        type: 'warning'
      })
      return false
    },
    // 上传成功 触发的函数,函数中有一个参数对象,对象中有两个字段  header 和 results
    handleSuccess(obj) {
      console.log(obj.header)
      // header 表示的是上传的文件表格的标题, 是一个数组
      // results 表示的是上传的文件表格的内容, 是一个数组
    }
  }
}
</script>

<style>

</style>
